<script setup>
import {onMounted, ref} from 'vue'
// 选项式api中的beforeCreate和created 都直接在setup中写
const name = ref("测试")
console.log("onBeforeCreate/created")
onMounted(() => {
  console.log("页面加载完毕，执行逻辑一", name)
})
// 可以写多个mounted钩子函数，不会冲突，按照顺序执行
onMounted(() => {
  console.log("页面加载完毕，执行逻辑二", name)
})
</script>

<template>
  <div>
    {{ name }}
  </div>
</template>
